<template>
    <el-form
      ref="ruleFormRef"
      :model="ruleForm"
      :rules="rules"
      status-icon
    >
      <el-form-item label="Activity name" prop="name">
        <el-input v-model="ruleForm.name" />
      </el-form-item>     
    </el-form>
  </template>
  
  <script lang="ts" setup>
  import { reactive } from 'vue'
  import type { FormInstance } from 'element-plus'
  
  const ruleForm = reactive({
    name: ''
  })
  
  const rules = reactive({
    name: [
      { required: true, message: 'Please input Activity name', trigger: 'blur' }
    ]
  })
  
  
  
  </script>